<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <title>时尚圈</title>
    <link href="/apps/w3g/_static/fashion/css/style.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="/apps/w3g/_static/fashion/js/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="/apps/w3g/_static/fashion/js/jquery.event.drag-1.5.min.js"></script>
    <script type="text/javascript" src="/apps/w3g/_static/fashion/js/jquery.touchSlider.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {


            $dragBln = false;

            $(".main_image").touchSlider({
                flexible: true,
                speed: 200,
                paging: $(".flicking_con a"),
                counter: function (e) {
                    $(".flicking_con a").removeClass("on").eq(e.current - 1).addClass("on");
                }
            });

            $(".main_image").bind("mousedown", function () {
                $dragBln = false;
            });

            $(".main_image").bind("dragstart", function () {
                $dragBln = true;
            });

            $(".main_image a").click(function () {
                if ($dragBln) {
                    return false;
                }
            });


        });
    </script>
</head>
